.block-ajaxchatbox
  #ajaxchatbox-content
    margin: 0px
    padding: 0px
    font-size: 0.857em
    height: 200px
    overflow-y: auto
    #ajaxchatbox-message-list
      margin: 0px
      padding: 0px
      li
        list-style: none
        padding: 2px 5px
        &.first
          border-top: none
        .ajaxchatbox-message-content
          .ajaxchatbox-user-name             
            a, a:visited, .username
              font-weight: bold
              color: #27609B 
          .ajaxchatbox-current-user-name
            a, a:visited
              color: darkRed
          .ajaxchatbox-message
            > *
              display: inline
          .ajaxchatbox-message-time
            color: #999
            font-style: italic
            font-size: 80%
            padding-left: 7px
  #ajaxchatbox-message-form
    clear: both
    ul
      margin: 0px
      padding: 0px
      li
        float: left
        list-style: none
        margin: 0px 2px
    .form-type-checkbox
      input.form-checkbox
        visibility: hidden
        clip: rect(1px, 1px, 1px, 1px)
        display: block
        position: absolute
      label
        border: 1px solid #CCC
        width: 20px
        text-align: center
        display: block
        cursor: pointer
        &.checked
          background-color: #fff
    .form-item-ajaxchatbox-message
      float: left
      width: 100%
      #edit-ajaxchatbox-message
        width: 90%
    .form-item-ajaxchatbox-style-font-weight
      label
        font-weight: bold
    .form-item-ajaxchatbox-style-font-style
      label
        font-style: italic
    .form-item-ajaxchatbox-style-text-decoration
      label
        text-decoration: underline
    .form-submit
      float: right
    .form-item
      float: left
    #edit-smilies
      background-color: transparent
      border: none
      margin: 0px
      padding: 0px
      legend
        width: 80px
        border: 1px solid #CCC !important
      .fieldset-wrapper
        position: absolute
        padding: 0px
        z-index: 99999
        width: 400px
      
  #smiley-container
    overflow: auto
    padding-bottom: 5px
    background-color: #dfe6ef
    img 
      border: 1px solid #dfe6ef
      opacity: 0.5
      &:hover
        cursor: pointer
        border-color: red
        opacity: 1.0
